<template>
  <div class="my-component">
    {{ data.lable }}

  </div>
</template>

<script>
import { defineComponent, onMounted } from 'vue';

export default defineComponent({
  name: 'text',
  props: {
    data: {},
  },

  setup(props, { emit }) {
    function clickHandler() {
      emit('click');
    }
    onMounted(() => {
      console.log(props.data)
    })
    return {
      clickHandler,
    };
  },
});
</script>

<style scoped>
.my-component {
  background-color: #eee;
  padding: 20px;
  border: 1px solid #ccc;
}
</style>